<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>myauctioneer</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
  <div id="header"><h1>myauctioneer</h1></div>
  <div id="search">
  	<form action="search" method="get">
        <table>
            <tr>
                <td><input type="text" name="search_field" id="search_field" value="full text search" /></td>
                <td>
                	<select name="search_category" size="1">
                      <option>all</option>
                      <option>smartphone</option>
                      <option>notebook</option>
                      <option>tablet</option>
                    </select>
                </td>
                <td>
                  <label>
                  <input type="radio" name="search_condition" value="new" id="search_condition_new" />
                    new</label>
                  <label>
                    <input type="radio" name="search_condition" value="used" id="search_condition_used" />
                    used</label></td>
                    <td><input name="search_button" type="button" id="search_button" value="Search" /></td>
            </tr>
        </table>
    </form>
  </div>
<div id="content">
	<h1>Registration</h1>
	<p>Please fill out all the fields.</p>
    <form action="register" method="post">
    	<table>
        	<tr>
            	<td><label for="name">Name</label></td>
                <td><input type="text" name="name" id="name" /></td>
            </tr>
            <tr>
            	<td><label for="address">Address</label></td>
                <td><input type="text" name="address" id="address" /></td>
            </tr>
            <tr>
            	<td><label for="phone">Phone</label></td>
                <td><input type="text" name="phone" id="phone" /></td>
            </tr>
            <tr>
            	<td><label for="email">E-Mail</label></td>
                <td><input type="text" name="email" id="email" /></td>
            </tr>
            <tr>
            	<td><label for="password">Password</label></td>
                <td><input type="password" name="password" id="password" /></td>
            </tr>
            <tr>
            	<td>&nbsp;</td>
                <td><input type="submit" value="Register" /></td>
            </tr>
        </table>
    </form>
</div>
  <div id="navi">
  	<form action="login" method="post">
    	<table>
        	<tr>
                <td><label for="email">E-Mail</label><br /><input type="text" name="email" id="email" /></td>
            </tr>
        	<tr>
                <td><label for="password">Password</label><br /><input type="password" name="password" id="password" /></td>
            </tr>
        	<tr>
                <td><input type="submit" value="Login" class="button" /></td>
            </tr>
        </table>
    </form>
    <!--<ul>
    	<li><a href="#">Artikel anlegen</a></li>
        <li><a href="#">Artikel verwalten</a></li>
        <li><a href="#">Logout</a></li>
    </ul>
    <p>Eingeloggt als: <em>placeholder</em></p>-->
  </div>
  <div id="footer">Copyright &copy; 2011 myauctioneer</div>
</div>
</body>
</html>
